<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
	    <meta name="format-detection" content="address=no">
	    <link rel="stylesheet" type="text/css" href="css/j-reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-common.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-index.css"/>
	    <script src="js/jquerys-1.7.2.min.js" type="text/javascript"></script>
		<script src="js/j-rem.js" type="text/javascript"></script>
		<script src="js/j-index.js" type="text/javascript"></script>
    	<title>商城名称-搜索1</title>
	</head>
	<body>
		<div id="mask">
			  	   <div class="pro-brand clearfix">
			  	   	<!-- <i class="to-down"></i> -->
			  	   	  <p class="pro-brand-name">分类 </p>
			  	   	  <ul class="pro-brand-filter">
			  	   	  	  <li class="brand-picked">老人</li>
			  	   	  	  <li>女性</li>
			  	   	  	  <li>男性</li>
			  	   	  	  <li>儿童</li>
			  	   	  	  <li>婴儿</li>
			  	   	  </ul>
			  	   </div>
			  	   <div class="pro-brand clearfix">
			  	   	<!-- <i class="to-down"></i> -->
			  	   	  <p class="pro-brand-name">价格 </p>
			  	   	  <ul class="pro-brand-filter">
			  	   	   <li>0-50</li>
			  	   	  	  <li>50-100</li>
			  	   	  	  <li>100-200</li>
			  	   	  	  <li>200-500</li>
			  	   	  	  <li>500以上</li>
			  	   	  </ul>
			  	   </div>
			  	   
			  	   <div class="choose-botton">
			  	   	   <span class="remake picked">重置</span>
			  	   	   <span class="sure">确定</span>
			  	   </div>
			  	   
			  	   <i class="cancle-btn"></i>
			  </div>



		<div class="wrap color1">
			  <div class="sort-wrap">
				  <div class="search-bar clearfix sm1">
				  	  <i class="search-logo"></i>
				  	  <input class="input" type="text"  placeholder="搜一搜你想要的商品"/>
				  	  <i class="canc-logo"></i>
				  	  <span class="cancle">取消</span>
				  </div>
				  <div class="sort">
				  	   <div class="sort-l">
				  	   	    <a  class="sort-zh zs-pciked">综合排序</a>
				  	   	    <a  class="sort-sh">最新上市</a>
				  	   </div>
				  	   <div class="sort-r">
				  	   	    <i class="sort-change"></i>
				  	   	    <i class="sort-choose"></i>
				  	   </div>
				  </div>
				</div>  
				
				<div id="p1" class="product-container m1 clearfix">
				  	 <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro1.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro3.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro1.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html"> Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   <div class="product">
				   	    <i class="pro-new"></i>
				   	    <i class="collect"></i>
				   	    <i class="city"></i>
				   	   <a class="pro-icon" href="pro-index.html">
				   	      <img src="img/pro1.png">
				   	   </a>
				   	   <a class="pro-icon1-name" href="pro-index.html">Hopes Relief湿疹膏</a>
				   	   <div class="hx"> <img class="hx-icon" src="img/hx.png"></div>
				   	   <p class="pro1-price">￥327.00</p>
				   	   <p class="sold">已售<span class="sold-num">342</span>件</p>
				   </div>
				   
				  </div>
				  
				  <div class="bottom">
				  	   <div class="bottom-l fl"></div>
				  	    <span class="bottom-word">哇，到底了</span>
				  	   <div class="bottom-r fr"> </div>
				  </div>
			  
		</div>
	
	

	</body>
</html>
